<html>
<head>
<meta charset="UTF-8">
<title>投参吉林“吉林·长白山人参”招商引资平台</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
<script src="js/jquery.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="http://h5.jlrbyy.cn/wxjson/js/wx-rs.js?v=1.03"  type="text/javascript"></script> 

<link rel="stylesheet" type="text/css" href="css/base.css?v=1.8">
<link rel="stylesheet" type="text/css" href="css/style.css?v=1.8">
<link rel="stylesheet" href="swiper/swiper-bundle.min.css" />
<script type="text/javascript">
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    
   

</script>
</head>

<body>
  <div class="container">
    <div class="header">
      <div class="header_top">
        <img src="./images/logo.png" id="logo" alt="">
        <img src="./images/logo1.png"  id="logo1" alt="">
        <div class="search">
          <img src="./images/icon/search.png"  id="searchbtn" alt="">
          <input type="text" placeholder="" class="search_input"/>
        </div>
      </div>
    </div>
    <div class="swiper-box">
      <div class="swiper mySwiper" style="width: 6.8rem;height: 3.5rem;border-radius: 0.15rem;">
        <div class="swiper-wrapper" id="banner">
        </div>
      </div>
    </div>
    <div style="width: 100%;">
    <div class="nav-box">
      <div class="nav-small">
        <img src="./images/icon/icon1.png" id="nav1" alt=""></img>
        <img src="./images/icon/icon2.png" id="nav2" alt=""></img>
        <img src="./images/icon/icon3.png" id="nav3" alt=""></img>
        <img src="./images/icon/icon4.png" id="nav4" alt=""></img>
      </div>
      <div class="nav-large">
        <img src="./images/icon/icon5.png" id="nav5" alt=""></img>
        <img src="./images/icon/icon6.png" id="nav6" alt=""></img>
      </div>
    </div>
    </div>
    <div class="content">
        <img src="./images/content-top.png" class="content-top" id="content-top" alt="">
      <ul id="content">
      </ul>
      <img src="./images/content-footer.png" class="content-footer" id="content-footer" alt="">
    </div>
    <div class="nav-foot">
      <img src="./images/icon/btn1.png" id="btn1" alt=""></img>
      <img src="./images/icon/btn2.png" id="btn2" alt=""></img>
    </div>
    <div class="footer">
      <div>吉林省推动人参产业高质量发展工作专班指导</div>
      <div>吉林日报社主办&nbsp;&nbsp;&nbsp;&nbsp;吉报传媒运营</div>
      <div>联系我们： （0431） 88600998</div>
    </div>
  </div>
</body>
<script src="swiper/swiper-bundle.min.js"></script>
<script>
  $('#btn1').click(function(){
    window.location.href='http://inquire.jlrbyy.cn/rs/#/'
  })
  $('#btn2').click(function(){
    window.location.href='http://inquire.jlrbyy.cn/rs/#/ts'
  })
  $('.nav-box img').click(function(){
    console.log($(this).attr('id'));
    let str= $(this).attr('id');
    let _tag=parseInt(str.replace('nav',''))+402
    window.location.href='list.html?tag='+_tag
  })
  var _olddata=''
  $.ajax({
    url: 'https://www.cailianxinwen.com/app/notice/getHomeNewsList ',
    dataType: "json",
    success: function (json) {
      console.log(json)
      _olddata=json
      getdata()
      getfocus()

    },
  });
  function getdata(){
    let _html=''
    $.each(_olddata.topNewsList, function(index, value){

      if(value.titleimg!=null){
  _html+=`
<a href="item.html?id=${value.id}">
          <li class="news-pic">
            <img src="${value.titleimg}" alt=""/>
          <div class="news-info">
            <span class="title">${value.title}</span>
            <span class="time">${value.edittime}</span>
          </div>
        </li>
</a>
`
      }
      else
      {
        _html+=`
<a href="item.html?id=${value.id}">
        <li class="news">
        <span class="title">${value.title}</span>
              <span class="time">${value.edittime}</span>
        </li>
        </a>
  `
      }
      $('#content').html(_html)
  })

  }
  $('#searchbtn').click(function(){
    let _tag=$('.search_input').val().trim()
    window.location.href='searchlist.html?search='+encodeURIComponent(_tag)
  })
  function getfocus(){
    let _html=''
    $.each(_olddata.focusNews, function(index, value){
      _html+=`
       <div class="swiper-slide "><a href='item.html?id=${value.id}'><img src="${value.titleimg}" width="100%"  /></a></div>`
    })
    $('#banner').html(_html)
    var swiper = new Swiper(".mySwiper", {
      autoplay:true,
      loop: true,
    });
  }
</script>
<script>

</script>
</html>